<template>
  <div class="payment-details">
    <div class="info">
      <ul class="space-between">
        <li><label>支付金额</label><span>￥{{info.dealMoney}}</span></li>
        <li><label>乘车线路</label><span>{{info.busLine}}</span></li>
        <li><label>支付时间</label><span>{{info.dealTime ? info.dealTime.replace(/-/g, '.') : ''}}</span></li>
        <li><label>扣款时间</label><span>{{info.debitTime ? info.debitTime.replace(/-/g, '.') : ''}}</span></li>
        <li><label>订单编号</label><span>{{info.accountNo}}</span></li>
      </ul>
    </div>
  </div>
</template>
<!-- 支付明细页面 -->
<script>
  export default {
    name: 'paymentDetails',
    data () {
      return {
        info: this.$route.params.info
      }
    }
  }
</script>

<style scoped lang="scss">
  .payment-details {
    height: 100%;
    overflow-y: scroll;
    background: $theme-page-bg;

    .info {
      margin-top: 8px;
      background: $theme-white;
      padding: 16px;
    }
  }
</style>
